<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>疯狂的旅行家-创意旅行征集令</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="src/css/m.min.css">
    <style>
        html {
            background-color: #312f56;
        }
    </style>
    <script>
        (function(){
            var phoneWidth =  parseInt(window.screen.width);
            var phoneScale = phoneWidth/640;
            var isAndroid = RegExp("Android").test(navigator.userAgent);
            if (isAndroid) {
                document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
            }
        }());
    </script>
</head>

<body class="app">

    <div class="container">
        <div class="page-one-box">
            <a href="index.html" class="back-btn"></a>
            <a href="javascript:void(0)" class="share-btn"></a>
            <i class="icon-circle"></i>
            <i class="icon-line"></i>
            <div class="act-intro">
                <div class="intro-title">活动简介:</div>
                <dl class="intro-content">
                    <dt>一、<strong>活动时间：</strong></dt>
                    <dd>即日起至9月25日23:59分</dd>
                    <dt>二、<strong>参与方式：</strong></dt>
                    <dd>用户创建自己的创意旅行团，并添加本活动的十大标签之一。邀请好友为你的行程点赞，每个标签下点赞数排名第一的旅行团团长将获得5000元的旅游基金。</dd>
                    <dt>三、<strong>活动说明：</strong></dt>
                    <dd>1.获奖团要求：团行程至少5天，团成员至少4人。<br/>2.获奖团长旅行结束后需要提供本次旅行的照片、游记等，才能领取5000元旅游基金。<br/>3.每位团长最多一次获奖机会。<br/>4.本活动最终解释权归一道走所有。</dd>
                </dl>
            </div>
            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yd.android.ydz" class="download-btn" style="display: none"></a>
            <a href="javascript:void(0)" class="create-btn" style="display: none"></a>
            <section class="search-filter">
                <ul id="js-tag-list" class="filter-list clearfix">
                    <li><a href="javascript:void(0)" class="icon-all cur" data-value=""></a></li>
                    <li><a href="javascript:void(0)" class="icon-child" data-value="亲子"></a></li>
                    <li><a href="javascript:void(0)" class="icon-driven" data-value="自驾"></a></li>
                    <li><a href="javascript:void(0)" class="icon-photo" data-value="摄影"></a></li>
                    <li><a href="javascript:void(0)" class="icon-food" data-value="美食"></a></li>
                    <li><a href="javascript:void(0)" class="icon-public" data-value="公益"></a></li>
                    <li><a href="javascript:void(0)" class="icon-movie" data-value="电影"></a></li>
                    <li><a href="javascript:void(0)" class="icon-music" data-value="音乐"></a></li>
                    <li><a href="javascript:void(0)" class="icon-outdoor" data-value="户外"></a></li>
                    <li><a href="javascript:void(0)" class="icon-fashion" data-value="时尚"></a></li>
                    <li><a href="javascript:void(0)" class="icon-startup" data-value="创业"></a></li>
                </ul>
            </section>
            <section class="result-box">
                <ul id="js-list" class="result-list">
                    <!--
                    <li>
                        <div class="item-content">
                            <div class="icon-no"><span>NO.1</span></div>
                            <div class="icon-tag"><span>毕业时光</span></div>
                            <div class="avatar-wrapper">
                                <img width="94" height="94" src="http://tp1.sinaimg.cn/2155723460/180/5614059338/1" alt=""/>
                            </div>
                            <div class="img-wrapper">
                                <div class="img-info">
                                    <p class="theme">匆匆那年的校园之旅<span class="status">招募中</span></p>
                                    <ul class="detail-list clearfix">
                                        <li>米兰.罗马.都灵</li>
                                        <li>06.07</li>
                                        <li>团费￥628</li>
                                    </ul>
                                </div>
                                <img width="100%" height="324" src="http://img5.imgtn.bdimg.com/it/u=791453953,2669692918&fm=21&gp=0.jpg" alt=""/>
                            </div>
                            <div class="text-wrapper">
                                <p>雨落无声，记忆搁浅.用心触摸着那丝丝微雨美，透过时空的壁垒，苍老的故地。</p>
                            </div>
                        </div>
                    </li>
                    -->
                </ul>
            </section>
        </div>
    </div>

    <div class="wechat-overlay" style="display:none;">
        <div class="wechat-dialog"></div>
    </div>

    <script id="renderTemplate" type="text/x-handlebars-template">
        {{#each groupList}}
        <li>
            <a href="http://www.one-dao.com/html/yidaozou/yapp/groupinfo.html?{{getParams _id}}" class="item-content">
                <div class="icon-no"><span>NO.{{addOne @index}}</span></div>
                <div class="icon-heart">{{{loveCount love_count }}}</div>
                {{#if tags}}
                <div class="icon-tag"><span>{{tags}}}</span></div>
                {{/if}}
                {{#if users.0.img}}
                <div class="avatar-wrapper">
                    <img width="94" height="94" src="" data-src="{{users.0.img}}" alt=""/>
                </div>
                {{/if}}
                <div class="img-wrapper">
                    <div class="img-info">
                        <p class="theme"><span class="tit">{{title}}</span><span class="status">{{trip_status}}</span></p>
                        <ul class="detail-list clearfix">
                            <li>{{plan_info.destinations}}</li>
                            <li>06.07</li>
                            <li>团费￥628</li>
                        </ul>
                    </div>
                    <img width="100%" height="324" src="" data-src="{{img}}" alt=""/>
                </div>
                <div class="text-wrapper">
                {{#if intro}}
                    <p>{{intro}}</p>
                {{else}}
                    <p>没有介绍信息</p>
                {{/if}}
                </div>
            </a>
        </li>
        {{/each}}
    </script>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="src/js/zepto.min.js"></script>
    <script src="src/js/handlebars.js"></script>
    <script src="src/js/initWX.js"></script>
    <script src="src/js/base.js"></script>
    <script>

        Zepto(function($){

            CT.app.initCategoryPage();

            var isWeixin = function () {
                var ua = navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == 'micromessenger') {
                    return true;
                } else {
                    return false;
                }
            };

            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            var iconURL = encodeURIComponent('http://img.one-dao.com/image/h5/crazytraveler.png');
            var detailURL = encodeURIComponent('http://www.one-dao.com/html/crazytraveler/1.html');
            var title = encodeURIComponent('一道走疯狂旅行家，赢5万元旅游基金！');
            var description = encodeURIComponent('现在创建主题行程，赢5万元旅游基金！一道走带你体验最深度的旅行方式，疯狂玩转五大洲！');
            $('.wechat-overlay').click(function() {
                $(this).hide();
            });
            $('.share-btn').click(function() {
                if(isWeixin()) {
                    $('.wechat-overlay').show();
                } else {
                    if (isAndroid && window.YiDaoZou) {
                        YiDaoZou.shareOpenMenu(iconURL, detailURL, title, description);
                    } else if(isiOS) {
                        document.location = 'share_openMenu://?iconURL=' + iconURL + '&detailURL=' + detailURL + '&title=' + title + '&description=' + description;
                    }
                }
            });
        })
    </script>

</body>

</html>
